<ion-menu [content]="content">

  <ion-content style="background: #222;">
    <div class="menu-top">
      <ion-img src="../assets/imgs/profile.jpg" style="width:80px;height:80px;"></ion-img>
      <p>且听风吟</p>
      <p>程序员一枚</p>
    </div>

    <ion-list class="menu-list">

      <ion-item (click)="handleClick(pages[0])"><!--传参-->
        
          <ion-icon name="home" item-start></ion-icon>首页

      </ion-item>

      <ion-item (click)="handleClick(pages[1])">
       
          <ion-icon name="heart" item-start></ion-icon>心情随笔
 
      </ion-item>
      
      <ion-item (click)="handleClick(pages[2])">
       
          <ion-icon name="leaf" item-start></ion-icon>韶华追忆
  
      </ion-item>

      <ion-item (click)="handleClick()">
        
          <ion-icon name="desktop" item-start></ion-icon>技术分享
 
      </ion-item>

      <ion-item (click)="handleClick()">
      
          <ion-icon name="folder" item-start></ion-icon>个人归档
       
      </ion-item>
      <ion-item (click)="handleClick()">
       
          <ion-icon name="book" item-start></ion-icon>书屋
     
      </ion-item>
      <ion-item (click)="handleClick()">
        <ion-icon name="mail-open" item-start></ion-icon>Blog留言
      </ion-item>

      <ion-item (click)="handleClick()">
        <ion-icon name="man" item-start></ion-icon>关于我
      </ion-item>

    </ion-list>

  </ion-content>

</ion-menu>

<ion-header>
  <ion-toolbar color="dark" mode="ios" style="height:50px;">
    <button ion-button menuToggle color='light'>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title mode="ios" class="app-title">{{title}}</ion-title>

    <button class="app-right-btn" ion-button icon-only color="dark">
      <ion-icon name="mail"></ion-icon>
    </button>
  </ion-toolbar>
</ion-header>


<!--
  /
  /mood/index
-->



<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
